{extend name="../front" /}
{block name="head"}
<title>免费注册－{:config('site.title')}</title>
{/block}
{block name="main"}
<main class="container">
  <div class="card mx-auto bg-white text-dark">
    <form class="card-body" action="{:dcUrl('user/signup/update')}" method="post" data-toggle="signup">
      <h6 class="card-title fw-bold mb-3">帐号注册</h6>
      <div class="input-group mb-4">
        <span class="input-group-text"><i class="iconfont icon-phone fw-bold"></i></span>
        <input class="form-control fs-0" name="user_mobile" id="user_mobile" type="text" placeholder="请输入手机号" maxlength="11" autocomplete="off" required>
      </div>
      <div class="input-group mb-4">
        <span class="input-group-text"><i class="iconfont icon-lock fw-bold"></i></span>
        <input class="form-control fs-0" name="user_pass" id="user_pass" type="password" placeholder="密码6-15位" maxlength="15" autocomplete="off" required>
      </div>
      <div class="input-group mb-4" id="captcha-image">
        <span class="input-group-text"><i class="iconfont icon-code"></i></span>
        <input class="form-control fs-0" name="captcha_image" id="captcha_image" type="text" placeholder="安全码" maxlength="4" autocomplete="off" required>
        <span class="input-group-text p-0"><img class="rounded" src="{:dcUrl('share/captcha/image')}" alt="captcha" width="88" height="40"/></span>
      </div>
      {if config('user.code')}
      <div class="input-group mb-4">
        <span class="input-group-text"><i class="iconfont icon-bell"></i></span>
        <input class="form-control fs-0" name="user_captcha" type="text" placeholder="验证码" maxlength="6" autocomplete="off" required>
        <button class="btn btn-dark btn-captcha opacity-75 fs-0" type="button" data-url="{:dcUrl('share/captcha/index')}" data-mobile="#user_mobile" data-captcha="#captcha-image" data-reset="重发验证码" style="width: 90px">获取验证码</button>
      </div>
      {/if}
      <div class="d-grid mb-3">
        <button class="btn btn-secondary btn-block">免费注册</button>
      </div>
      <p class="text-center text-muted fs-0 mb-0">已注册用户请<a class="mx-1" href="{:dcUrl('user/login/index')}">登录</a>，邀请好友得<strong class="mx-1">{:config('score.reward')}</strong>积分</p>
    </form>
  </div>
</main>
{/block}